﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        input # name:hover
        {
            background-color: Yellow;
        }
        .style3
        {
            text-align: center;
        }
        .style4
        {
            font-size: xx-large;
            text-decoration: underline;
            color:Fuchsia;
        }
        .style6
        {
            width: 810px;
            text-align: left;
        }
        .style7
        {
            width: 433px;
            text-align: left;
        }
        .style8
        {
            font-size: xx-large;
            color: #CC0000;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="style3" align="center" style="background-color:Highlight" >
            <strong>
    
        <img alt="" src="bích%20chơ/4.jpg" style="height: 97px; width: 116px; margin-top: 19px;" 
                class="style4" /><span class="style8">&nbsp;&nbsp; ĐĂNG KÝ</span></strong>
        <table style="width:54%; margin-top: 4px;" align="center" border="1" 
                bgcolor="#CCFF33">
            <tr>
                <td class="style6">
                    Tên đăng nhập(*)</td>
                <td class="style7">
                    <input ID="name" runat="server"></input>
                     <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="name"
                    ErrorMessage="Bạn chưa nhập tên" Display="dynamic">Bạn Chưa nhập tên </asp:RequiredFieldValidator>
                    
                </td>
            </tr>
            <tr>
                <td class="style6">
                    Mật khẩu(*)</td>
                <td class="style7">
                    <asp:TextBox ID="pass1" runat="server" TextMode="Password"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="pass1"
                    ErrorMessage="Bạn chưa nhập tên" Display="dynamic">Bạn Chưa nhập pass</asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td class="style6">
                    Nhập lại mật khẩu(*)</td>
                <td class="style7">
                    <asp:TextBox ID="pass2" runat="server" TextMode="Password"></asp:TextBox>
                    <asp:CompareValidator ID="CompareValidator2" runat="server" ControlToCompare="pass1"
                    ControlToValidate="pass2" Display="dynamic" ErrorMessage="Mật khẩu bạn nhập không trùng"
                    Type="String">Mật Khẩu ko trùng khớp</asp:CompareValidator>
                </td>
            </tr>
            <tr>
                <td class="style6">
                    Email</td>
                <td class="style7">
                    <asp:TextBox ID="email" runat="server"></asp:TextBox>
                    <asp:RegularExpressionValidator ID="RegularExpressionValidator4" runat="server" ControlToValidate="email"
                    ErrorMessage="Email nhập không hợp lệ" ValidationExpression="\S+@\S+\.\S+">Email không đúng qui định</asp:RegularExpressionValidator>
                </td>
            </tr>
            <tr>
                <td class="style6">
                    Số đăng ký</td>
                <td class="style7">
                    <asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="style6">
                    Địa chỉ</td>
                <td class="style7">
                    <asp:TextBox ID="TextBox6" runat="server" TextMode="MultiLine" Height="76px" 
                        Width="267px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="style6">
                    Ngày sinh</td>
                <td class="style7">
                    <asp:DropDownList ID="DropDownList1" runat="server">
                    </asp:DropDownList>
                    <asp:DropDownList ID="DropDownList2" runat="server">
                    </asp:DropDownList>
                    <asp:DropDownList ID="DropDownList3" runat="server">
                    </asp:DropDownList>
                </td>
            </tr>
            <tr>
                <td class="style6">
                    Nghề nghiệp</td>
                <td class="style7">
                    <asp:ListBox ID="ListBox1" runat="server" Rows="5" Height="105px">
                        <asp:ListItem>Sinh Viên</asp:ListItem>
                        <asp:ListItem>Giáo Viên</asp:ListItem>
                        <asp:ListItem>Công Nhân</asp:ListItem>
                        <asp:ListItem>Kỹ sư</asp:ListItem>
                        <asp:ListItem>Khác</asp:ListItem>
                    </asp:ListBox>
                </td>
            </tr>
            <tr>
                <td class="style6">
                    Phái</td>
                <td class="style7">
                    <asp:RadioButton ID="RadioButton1" runat="server" Checked="True" GroupName="a" 
                        Text="Nam" />
                    <asp:RadioButton ID="RadioButton2" runat="server" GroupName="a" Text="Nữ" />
                </td>
            </tr>
            <tr>
                <td class="style6">
                    Sở thích</td>
                <td class="style7">
                    <asp:CheckBox ID="CheckBox1" runat="server" Text="Thể thao" />
                    <asp:CheckBox ID="CheckBox2" runat="server" Text="Nghe nhạc" />
                    <asp:CheckBox ID="CheckBox3" runat="server" Text="Xem phim" />
                </td>
            </tr>
        </table>
        <br />
        <br />
        <asp:Button ID="Button1" runat="server" Text="GỬI" ForeColor="Red" Width="66px" />
        <input id="Reset1" type="reset" value="LÀM MỚI" style="color: #0000FF" /><br />
    </div>
    </form>
</body>
</html>
